import { appearEl_dataMana } from '../../appear_dom/Classes/cla_appearEl_dataMana';
import {
  prefix_certain_dom,
  prefix_inject_dom,
  prefix_reback_dom,
  prefix_remove_dom,
} from '../DataDefine/sourceData';

const inject_dom_dataManaTag = 'inject_dom_dataMana';

export class inject_dom_dataMana extends appearEl_dataMana {
  get [Symbol.toStringTag]() {
    return inject_dom_dataManaTag;
  }

  constructor(elt: HTMLElement) {
    super(elt, 'both');

    this.inject_dom_anima_cla = `${prefix_inject_dom}_${elt.id}`;

    this.remove_dom_anima_cla = `${prefix_remove_dom}_${elt.id}`;

    this.certain_dom_anima_cla = `${prefix_certain_dom}_${elt.id}`;

    this.reback_dom_anima_cla = `${prefix_reback_dom}_${elt.id}`;
  }

  /**
   * 从右 移入 动画 anima class
   */
  inject_dom_anima_cla: string;

  /**
   * 向右 移出 动画 anima class
   */
  remove_dom_anima_cla: string;

  /**
   * 向左 移出 确认 动画
   */
  certain_dom_anima_cla: string;

  /**
   * 从左 移入 确认 动画 返还
   */
  reback_dom_anima_cla: string;
}
